<template>
  <div>
    <high-search :list="list" title="商品评论筛选查询" />
    <custom-table
      style="margin-top: 10px"
      resParam=""
      :column="column"
      title="商品评论列表"
      :tableConfig="tableConfig"
    >
      <template #actionColumn1>
        <el-button type="primary">查看</el-button>
        <el-button type="default">删除</el-button>
      </template>
    </custom-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {},
      column: [
        {
          prop: "code",
          label: "用户昵称",
          width: "200",
        },
        {
          prop: "date",
          width: "300",
          label: "商品名称",
        },
        {
          prop: "name1",
          label: "评论时间",
          width: "240",
        },
        {
          prop: "name8",
          label: "是否显示",
          width: "",
        },
      ],
      tableConfig: {
        total: 10,
        operation: [],
        useIndex: false,
        showRight: false,
        useMultiSelect: true,
        treeProps: { children: "children" },
        pageSize: 10,
        layout: "total,prev,pager,next,sizes,jumper",
        showPagination: true,
        data: [1],
        actionColumns: [
          {
            label: "操作",
            slotName: "actionColumn1",
            width: 160,
          },
        ],
      },
      list: [
        {
          label: "用户昵称",
          prop: "name",
          type: "input",
          placeholder: '请输入用户昵称'
        },
        {
          label: "商品名称",
          prop: "date",
          type: "input",
          placeholder: '请输入商品名称'
        },
        {
          label: "评论时间",
          prop: "date",
          type: "date",
          placeholder: '请选择评论时间'
        },
      ],
    };
  },
};
</script>

<style></style>
